<template>
  <div class="">
    <div class="jsx-3555830542 hr"></div>
    <div class="jsx-3541748390 where">
      <div class="jsx-3541748390 where__qr">
        <img :src="getImgUrl(infoList.wap_erwm)" alt="" class="jsx-3541748390" />
      </div>
      <span class="jsx-2365837585 aboutTitle--text">最新资讯 留学干货</span>
      <div class="jsx-3541748390 title ocolor">干货分享</div>
      <div class="jsx-3541748390 where__find">
        <div class="jsx-3541748390 gray">您可以通过以下平台与我们联系</div>
        <div class="jsx-1299059841 platform__container" >
          <div class="jsx-1299059841 platform__container--item"   v-for="(item,index) in contactList" :key="index">
            <a href="https://shop142321020.taobao.com" class="jsx-1299059841 platform__container--link">
              <img :src="getImgUrl(item.thumb)" alt="" class="jsx-1299059841" />
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="jsx-1273273307 copyright">
      <div class="jsx-1273273307">{{infoList.wap_company}}</div>
      <div class="jsx-1273273307">
        {{infoList.wap_company_e}}
      </div>
      <div class="jsx-1273273307 copyright--beian">
        {{infoList.wap_copy}}
        </div>

      <div style="width:300px;margin:0 auto; padding:20px 0;text-align: center;">
      <img style="width:20px;" src="" />
		 		<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010902002706" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;text-align: center;"><p style="height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">浙公网安备 33010902002706号</p></a>
		 	</div>

    </div>
  </div>
</template>

<script>
export default {
  name: "Info",
  props:{
    infoList:Object,
    contactList:Array
  },
  methods:{
    
  }
};
</script>

<style lang="less">
.container {
  .where.jsx-3541748390 {
    padding: 0.8rem 0;
    background: #fff;
    font-size: 0.6rem;
    line-height: 1.5;
    text-align: center;
    color: #2a4154;
}
.where__qr.jsx-3541748390 {
    margin: 0 auto 0.5rem;
    width: 8.85rem;
}
.aboutTitle--text.jsx-2365837585 {

    position: relative;
}
.aboutTitle--text.jsx-2365837585:before {
    left: -1.125rem;
}
.aboutTitle--text.jsx-2365837585:before, .aboutTitle--text.jsx-2365837585:after {
    content: " ";
    position: absolute;
    width: 0.8rem;
    height: 1px;
    background-color: #2a4154;
    top: 0;
    bottom: 0;
    margin: auto;
}
.aboutTitle--text.jsx-2365837585:after {
    right: -1.125rem;
}
.aboutTitle--text.jsx-2365837585:before, .aboutTitle--text.jsx-2365837585:after {
    content: " ";
    position: absolute;
    width: 0.8rem;
    height: 1px;
    background-color: #2a4154;
    top: 0;
    bottom: 0;
    margin: auto;
}
.where__find.jsx-3541748390 {
    margin-top: 1.3rem;
}
.where.jsx-3541748390 .gray.jsx-3541748390 {
    color: #606060;
}
.platform__container.jsx-1299059841 {
    margin: 0.575rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.platform__container--item.jsx-1299059841 {
    width: 2rem;
    -webkit-flex: 0 0 1.9rem;
    -ms-flex: 0 0 1.9rem;
    flex: 0 0 1.9rem;
    margin: 0 0.275rem;
}
.copyright.jsx-1273273307 {
    font-size: 0.6rem;
    line-height: 1.5;
    text-align: center;
    color: #606060;
    padding-bottom: 1.175rem;
}
}
</style>
